<html xmlns='http://www.w3.org/1999/xhtml'
      xmlns:p='http://primefaces.org/ui'
      xmlns:h='http://java.sun.com/jsf/html'
      xmlns:cc='http://java.sun.com/jsf/composite' style='color: inherit'>

<cc:interface>

  <cc:attribute name='id'/>

  <cc:attribute name='b'/>

  <cc:attribute name='t'/>

  <cc:attribute name='v1'/>

  <cc:attribute name='v2'/>

  <cc:attribute name='l'/>

  <cc:attribute name='wT' default='65'/>

  <cc:attribute name='w1' default='50px'/>

  <cc:attribute name='w2' default='50px'/>

  <cc:attribute name='m1' default='30'/>

  <cc:attribute name='m2' default='30'/>

  <cc:attribute name='u' default='@(.#{cc.attrs.b.name})'/>

  <cc:attribute name='p' default='@(.#{cc.attrs.b.name})'/>

</cc:interface>


<cc:implementation>

  <h:panelGrid columns='4' cellpadding='0' cellspacing='0' styleClass='align-text-bottom align-bottom'>

  <h:panelGrid columns='1' cellpadding='0' cellspacing='0' width='#{cc.attrs.wT}'  style='margin-bottom: 2px'><span title='#{cc.attrs.m1} - #{cc.attrs.m2}'>#{cc.attrs.t}</span></h:panelGrid>

  <h:panelGroup id='valueId'>

  <p:inputText id='value1Id' value='#{cc.attrs.v1}' maxlength='#{cc.attrs.m1}' styleClass='xIn' style='width: #{cc.attrs.w1}' onkeydown='tab()' onkeypress="return nxt(event,'#{p:component(cc.attrs.id)}:value2Id');"/>

  <p:inputText id='value2Id' value='#{cc.attrs.v2}' maxlength='#{cc.attrs.m2}' styleClass='xIn' style='width: #{cc.attrs.w2}; margin-left: 5px' onkeydown='tab()' onkeypress="return nxt(event,'#{p:component(cc.attrs.id)}:add');"/>

  </h:panelGroup>

  <p:commandButton id='add' icon='ui-icon-check' title='Agregar' styleClass='rmvCorner' style="border-top: none;border-right: none;width: 22px;height: 18px" actionListener='#{cc.attrs.b[cc.attrs.l]}'

                   update='#{cc.attrs.u}' process='#{cc.attrs.p}'  partialSubmit='true'/>



  </h:panelGrid>

</cc:implementation>

</html>